<template>
	<view class="content">
		<view class="page-section" indexListBox>
			<view class="indexList" v-for="(item,index) in tableData" :key="index">
				 <view class="info"> 
					<view>
						<text>
							任务ID: {{item.taskId}}
							任务名称: {{item.taskName}}
							方案ID {{item.taskCaseid}}
						</text>
					</view>
					<view>
						<text>
							任务周期:{{item.taskNum}}
						</text>
					</view>	
					<view style="">
						<text>
							任务开始时间:{{item.taskStarttime}}
							任务结束时间:{{item.taskEndtime}}
						</text>
					</view>
					<view style="width: 250px;">
						<text>
							<button type="primary" @click="tasksituationadd(item.taskId)">提交任务</button>
							<button type="primary" @click="situationlist(item.taskId)">查看任务完成情况</button>
						</text>
					</view>
				 </view>
				
				<!-- <view v-html="item.caseName"></view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tableData: [],
			}
		},onLoad(){
			this.tasklist()
		},
		methods:{
			tasklist(){
				uni.request({
				    url: 'http://localhost:7000/task/task/list', //仅为示例，并非真实接口地址。
				    method: 'POST',
				    success: (res) => {
						console.log(res.data)
				        this.tableData=res.data
						//console.log(this.Data)
				    }
				});
			},
			tasksituationadd(tid){
				uni.navigateTo({
					url:'/pages/task/taskSituation?situationTid='+tid
				})
			},
			situationlist(tid){
				uni.navigateTo({
					url:'/pages/task/situation?situationTid='+tid
				})
			}
		}
	}
</script>

<style>
	 .indexList uni-image {
	            width: 100%;
	            height: 130px;
	            background: #eaeaea;
	        }
	        .indexList {
	            margin-top: 15px;
	            margin-bottom: 15px;
	        }
	        .indexList .title {
	            background: #000;
	            color: #fff;
	            font-size: 16px;
	            line-height: 37px;
	            padding: 0 10px;
	            margin-top: -5px;
	    }
	       .indexListBox{
	           margin-top: 20px;
	       }
</style>
